<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="keywords" />
<meta name="description" content="description" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>登陆页面</title>
<style>
	body {background-color: #e2f1ea;font-family: Arial,cursive,"隶书";	}
	.loginArea {
		width: 275px;
		margin: 150px auto;
		padding: 20px 40px;
		border: 1px solid #F4F4F4;
		background: rgba(255,255,255,0.5);
		border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.loginArea h1{ font-size: 38px;	text-align: center;	}
	#lg-form > div { margin:10px 5px;padding:6px 0;	}
	#lg-form label{ display: none;font-size: 20px;line-height: 25px;	}
	#lg-form input[type="text"], input[type="password"] {
		background: rgba(255,255,255,0.2);
		border:1px solid rgba(51,51,51,0.5);
		border-radius:5px;
		-moz-border-radius:5px;
		padding: 5px;
		font-size: 16px;
		line-height: 22px;
		width: 98%;
		font-family: Arial,Garamond,Helvetica,cursive;
		text-align:center;
	}
	.login { background: rgba(255,255,255,0.5);
		font-family: Arial, cursive;
		font-size: 20px;
		border:1px solid #000;
		padding:5px 10px;
		border:1px solid rgba(51,51,51,0.5);
		border-radius:5px;
		-moz-border-radius:5px;
		cursor:pointer;
	}
	.login:hover { background:#f4f4f4; }
	.message { text-align:right; }
	#lg-form > div[type="submit"] {	text-align: center;	}
</style>
</head>
<body>
    <div class="loginArea">
	<h1>用户登陆</h1>
	<form action="{% url 'gt-login' %}" id="lg-form" name="lg-form" method="post">

		<div>
			<label for="username">用户名:</label>
			<input type="text" name="username" id="username" placeholder="请输入用户名"/>
		</div>

		<div>
			<label for="password">密码:</label>
			<input type="password" name="password" id="password" placeholder="请输入密码" />
		</div>

		<div>
			<button type="submit" id="login" class="login">登陆</button>
		</div>

	<div id="message" class="message"><a href={% url 'gt-fpwd' %} style="text-decoration:none;">忘记密码？</a></div>
    </form>
</div>
</body>
</html>